草庐IT

Bootstrap4 表单

全部标签

javascript - 如何打印整个 Bootstrap 模态,其中模态主体中的内容被滚动出 View

问题是用户必须向下滚动才能查看模态主体内的所有内容。但是,当我打印模态时,唯一打印的部分是可见的部分。我想要打印整个模式的内容。我已经尝试了下一页上的每一段代码,但没有一个能打印出整个模态。TwitterBootstrap:Printcontentofmodalwindow 最佳答案 与angularjsUIBootstrap库面临同样的问题。尝试了上面提供的链接,但没有成功。当模式比视口(viewport)LONGER时,唯一对我有用的CSS是:@mediaprint{.modal{position:absolute;left:0

javascript - 动态表单输入上的 jquery 验证插件不起作用

我有一个表单,其中有一些字段,然后如果需要,用户可以添加更多相同类型的字段。我正在使用http://jqueryvalidation.org/validateplugin验证字段。正如我在某处读到的那样,jquery验证插件需要字段的唯一名称以验证它们。所以我给每个字段命名都是唯一的。首先,如果我使用类添加规则,我希望验证插件能够处理动态添加的元素的验证。但事实证明并非如此。因此,即使每个字段的名称都是唯一的,验证插件也只会验证最初呈现的第一个输入。我什至尝试使用$.clone()希望它会处理所有事件绑定(bind)。但这对我不起作用。所以我改用下划线来重复标记,因为有很多字段,我不想

asp.net - 禁用表单提交按钮

我有一个按钮,我想在提交表单时将其禁用,以防止用户多次提交。我曾尝试天真地使用javascriptonclick禁用按钮,但如果客户端验证失败,按钮将保持禁用状态。如何在表单成功提交时禁用按钮,而不仅仅是在用户点击时禁用按钮?这是一个ASP.NET表单,所以如果可能的话,我想很好地融入asp.netajax页面生命周期。 最佳答案 我不太喜欢在代码隐藏中编写所有javascript。这是我的最终解决方案。按钮:Javascript:;}//--> 关于asp.net-禁用表单提交按钮,我

javascript - Bootstrap 折叠菜单链接在移动设备上不起作用

我在导航栏中使用带有子菜单项的可折叠菜单。菜单在狭窄的显示器上正确折叠,子菜单项正确显示。但是,当我在移动设备上单击子菜单项时,链接不起作用。取而代之的是,子菜单折叠起来,折叠菜单上的顶部菜单项突出显示,就好像子菜单从未打开过一样,“点击”通过它到达下面的元素。当我在桌面浏览器上测试页面时,一切正常。我已经定制了一些bootstrap样式,但主要用于颜色等。有什么想法吗?TIA。 最佳答案 看起来这是Bootstrap的一个已知问题(https://github.com/twitter/bootstrap/issues/4550也可

javascript - 没有用于表单控件的值访问器

这个问题在这里已经有了答案:Angular4-Novalueaccessorforformcontrol(4个答案)关闭6个月前。我正在使用Angular2-rc5,目前我的登录页面出现错误。我正在尝试创建一个表单,但控制台抛出异常告诉我它找不到我的formcontroll,即使我在init上创建它也是如此。知道为什么我会收到此错误吗?登录组件import{Component,OnInit}from'@angular/core';import{FormGroup,FormControl,FormBuilder,Validators}from'@angular/forms';import

javascript - Bootstrap 4 Beta 使用 Webpack 3.x 导入 Popper.js 抛出 Popper is not a constructor

所以Bootstrap4Beta已经发布了……是的!但是,Tether已被Popper.js替换为工具提示(和其他功能)。我看到控制台中抛出的错误足够快,可以告诉我对Popper.js的更改:BootstrapdropdownrequirePopper.js看起来很简单,我去更新了我的webpack.config.js(可以看到整个配置here)然后Bootstrap开始工作(我做的唯一改变是替换Tether与波普尔):plugins:[newProvidePlugin({'Promise':'bluebird','$':'jquery','jQuery':'jquery','wind

javascript - Bootstrap $ ('#myModal' ).modal ('show' ) 不工作

我不确定为什么,但所有模态函数都不适合我。我检查了版本和负载,它们都很好。我不断收到此错误消息:未捕获的类型错误:$(...).modal不是函数对于皮革,我已经找到了替代品。而不是:$('#myModal').modal('hide');我用过这个:$('#myModal.close').click();而且效果很好。现在的问题是节目$('#myModal').modal("show");我也试过$('#myModal').modal("toggle");和:$('#myModal').modal();但不幸的是,它们都不起作用。这里是html代码-当单击按钮时,我将进行一些验证并处

javascript - 在幻灯片末尾停止 Twitter Bootstrap Carousel

Bootstrap轮播是一个奇怪的野兽。我试过调整$next以防止无限循环,但最终要么破坏它,要么防止幻灯片在到达终点时倒退。我希望轮播仅在列表中滑动而不是无限循环。如有任何帮助,我们将不胜感激。$next=$next.length?$next:this.$element.find('.item')[fallback]()if($next.hasClass('active'))returnif($.support.transition&&this.$element.hasClass('slide')){this.$element.trigger(e)if(e.isDefaultPrev

javascript - 根据位置修改 Twitter Bootstrap 的工具提示颜色

我正在尝试为工具提示输出各种颜色(编辑:来自TwitterBootstrap),但似乎我不太明白。更改默认颜色并不难,只需更改.tooltip及其相关定义的颜色即可。但是假设我想更改正文中特定工具提示的颜色像这样的简单方法#users.tooltip{background-color:#somecolor;}好像不行。我想这与DOM有关,我需要将某种类附加到特定的工具提示上吗?还是我完全离开了?谢谢:)这是一个JSFiddle:http://jsfiddle.net/rZxrm/ 最佳答案 Twitterbootstrap没有内置此

javascript - ExtJs:表单 isValid() 为假。但是如何知道表单无效的原因呢?

我正在使用其中包含文件上传字段的ExtJs表单。在选择一个文件时,我调用了表单的submit()方法。但在提交之前,我使用form.isValid()检查表单是否有效。现在由于一些未知原因,我将form.isValid()设置为FALSE。但我想知道为什么表单验证失败?我将所有其他字段保留为allowBlank:false。有没有办法知道(使用方法或配置属性)表单验证失败的原因以及表单中的无效字段(以及消息)是什么?这是我的代码:varsimple=Ext.create('Ext.form.Panel',{id:'textIntConfigPanel',frame:true,bodyP